Network Google Chrome DevTools
Google Chrome DevTools
のNetworkタブについて
https://gyazo.com/a9628d576a4d7fb1694418fb1e6e97d8
上部
Cashing キャッシュ
消したり、ネットワーク遅くしたり
下部
リクエスト
リクエスト数、リクエストしたByte数など見れる
フィルターで、リクエスト絞って、見たりする
DOMContentLoadedイベント
と
load イベント
DOMContentLoadedイベント
DOM ツリー
の構築完了を示す
load イベント
DOMツリー
に起因するサブリソースの取得と評価の完了を示す
DOMContentLoadedイベント
と
load イベント
の差分
差分が大きいと、サブリソースやスクリプト処理に問題あり
帯域シュミレーション
Web development - Custom network throttling profiles